<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

<!-- 
  手机术语:
    ppi(像素密度)
      每英寸(对角线2.54厘米)范围的像素点的数量
      视网膜高清屏(retina屏) 2010年 iphone4
      当ppi大于300的时候，肉眼就观察不到像素点了

    dpi: 安卓系统上的ppi

    dpr: 设备像素比
      设备像素(物理像素)
      图像像素(css像素)
      dpr = 设备像素 / 图像像素

      iphone4: 640px / 320px = 2
      iphone6/7/8: 750px / 375px = 2
      iphone12 pro: 1170px / 390px = 3

      

 -->
